<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>

    <!-- 
        javascript
            浏览器的脚本语言，不需要编译的，直接由浏览器解析。运行在客户端的浏览器上

            HTML CSS JS
            HTML:相当于人的骨架。
            CSS：相当于人的皮肤和衣服
            JS：给人加了动作。
            浏览器的页面上同样也需要这些操纵
            HTML + CSS写的页面咱们叫静态页面。里面的效果，显示的内容是写死的。
            在项目中，页面上绝大部分的显示效果和现实的内容是需要随时变化的。
            这个时候如果需要实现这些操作，就需要使用js来实现。
            你们现在每天去淘宝或京东去看的时候，每天界面不太像。
            js能做的事情：
                1、动态修改css样式
                2、通过dom操作，对页面显示的标签进行增删改查
                3、请求  ajax  异步 Asynchronous  asyn   sys 基于xhlhttpRequest
                    $.ajax({
                        async: false
                    });
                    $.ajaxSettings.async = false;
                    $.post('url','参数'，function(msg){

                    });
                    $.ajaxSettings.async = true;
                    $.get('url','参数'，function(msg){

                    });
                 -->

                    <!-- axios -->


                    <!-- js的引入方式 -->
                    <!-- 内嵌 -->

                    <!-- 引入该部的js文件 -->
                    <!-- <script src="js文件的路径"></script> -->
    
    <!-- 引入layui CSS -->
    <link rel="stylesheet" href="layui/css/layui.css">
    <script src="layui/layui.js"></script>
</head>

<body>
    <button class="layui-btn layui-btn-normal layui-btn-lg" onclick="alert('哈哈哈哈哈哈哈')">点我，点我</button>
    
    
</body>
<script src="js/my.js"></script>
<!-- 内部引入js -->
<script>
    alert("1234567");

    // js的注释 单行注释

  /*   js多行注释
    js多行注释
    js多行注释 */

    /*
    java的语法：每行代码结束需要写分号，
    但是在js里面每行代码结束你可以写分号，也可以不写分号。
    java强类型的语言。js是弱类型的语言 var let
    */

   /*
   js严格区分大小写
   */

//   定义正数
var a = 12;
//定义小数
var b = 12.4;
//定义布尔
var flag = true;
//定义字符串
var s = "张三";
var s1 = '张三';

//对象
var p = {
    name:'zhangsan',
    age:12
}

// 控制台输出
console.log(a);
console.log(p.age);

// 引入一个外部的js文件  在js文件定义变量，并且把变量值打印控制台
</script>
</html>